<template>
  <div v-show="load">
    <div v-show="repeat == 1">
      <n-skeleton text round />
    </div>
    <div v-show="repeat == 2">
      <n-skeleton text round />
      <n-skeleton text round style="width: 60%" />
    </div>
    <div v-show="repeat > 2">
      <n-skeleton text round :repeat="repeat - 2" />
      <n-skeleton text round style="width: 60%" />
      <n-skeleton v text round style="width: 50%" />
    </div>
  </div>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
  props: {
    repeat: {
      type: Number,
      default: 1
    },
    load: {
      type: Boolean,
      default: true
    }
  },
  setup() {
    return {}
  }
})
</script>
